<section class="text-center pd-20 width-90">
    <div class="row">
        <div class="col s12 m12">
            <div class="ev-card-body pd-20 font-size-16">
                <form name="editEvaluationCriteriaForm" ng-submit="challenge.editEvaluationCriteria(editEvaluationCriteriaForm.$valid)">
                    <div class="pass-title">Edit Evaluation Details</div>
                    <div class="row">
                      <div class="input-field align-left">
                          <trix-editor class="editor"
                                     ng-model-options="{ updateOn: 'blur' }" 
                                     spellcheck="false" class="trix-content" 
                                     ng-model="challenge.page.evaluation_details"
                                     angular-trix 
                                     trix-initialize="trixInitialize(e, editor);" 
                                     trix-change="trixChange(e, editor);" 
                                     trix-selection-change="trixSelectionChange(e, editor);" 
                                     trix-focus="trixFocus(e, editor);" 
                                     trix-blur="trixBlur(e, editor);" 
                                     trix-file-accept="trixFileAccept(e, editor);" 
                                     trix-attachment-add="trixAttachmentAdd(e, editor);" 
                                     trix-attachment-remove="trixAttachmentRemove(e, editor);"
                                     prevent-trix-file-accept = "true"
                                     placeholder="Evaluation Criteria">
                          </trix-editor>
                          <code>Hint: To use MathJax in editor, use $$ $$</code> 
                      </div>
                    </div>
                    <ul class="inline-list hide-on-med-and-down">
                        <li>
                            <a ng-click="challenge.editEvaluationCriteria(false)" class="dark-link pointer"><strong>Cancel</strong></a>
                        </li>
                        <li>
                            <button class="btn ev-btn-dark waves-effect waves-dark grad-btn grad-btn-dark fs-14" type="submit" value="submit">Submit</button>
                        </li>
                    </ul>
                </form>
            </div>
        </div>
    </div>
</section>
